<template>
    <svg class="svg-icon">
        <use :xlink:href="'#icon-'+iconName"></use>
    </svg>
</template>
<script setup>
import {defineProps} from "vue"
// 接收props
const props = defineProps({
    //图标文件名称
    iconName:{ 
        type: String,
        required: true
    }
})
</script>

<style lang="less" scoped>
// .svg-icon{
//     fill: currentColor; //使用自定义颜色填充
// }
</style>